<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>首页三</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="../../component/pear/css/pear.css" />
	<link rel="stylesheet" href="../../admin/css/other/console1.css" />
	<!-- 主 题 更 换 -->
	<style id="pearadmin-bg-color"></style>
</head>

<body class="pear-container">
	<div>
		<div class="layui-row layui-col-space10">
			<div class="layui-col-md9">
				<div class="layui-row layui-col-space10">
					<div class="layui-col-xs6 layui-col-md4">
						<div class="layui-card top-panel">
							<div class="layui-card-header">训练正确率</div>
							<div class="layui-card-body">
								<div class="layui-row layui-col-space5">
									<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;"
										id="value1">
										0
									</div>
									<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
										<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024"
											width="200" height="200" t="1591462258798" p-id="942" version="1.1">
											<path fill="#fcc66f"
												d="M 262.7 835 c -15.3 0 -28.1 -11.4 -29.8 -26.6 L 174.1 291 c -0.6 -5.1 1 -10.2 4.5 -14 s 8.3 -6 13.4 -6 h 640 c 5.1 0 10 2.2 13.4 6 s 5 8.9 4.5 14 l -58.8 517.4 c -1.7 15.2 -14.5 26.6 -29.8 26.6 H 262.7 Z"
												p-id="943" />
											<path fill="#ffd79c"
												d="M 802 289 l -58.8 517.4 c -0.7 6.1 -5.8 10.6 -11.9 10.6 h 30 c 6.1 0 11.2 -4.6 11.9 -10.6 L 832 289 h -30 Z"
												p-id="944" />
											<path fill="#f56e73"
												d="M 164 307 c -16.5 0 -30 -13.5 -30 -30 v -58 c 0 -16.5 13.5 -30 30 -30 h 696 c 16.5 0 30 13.5 30 30 v 58 c 0 16.5 -13.5 30 -30 30 H 164 Z"
												p-id="945" />
											<path fill="#ffa1a8"
												d="M 860 207 h -30 c 6.6 0 12 5.4 12 12 v 58 c 0 6.6 -5.4 12 -12 12 h 30 c 6.6 0 12 -5.4 12 -12 v -58 c 0 -6.6 -5.4 -12 -12 -12 Z"
												p-id="946" />
											<path fill="#65c8ff"
												d="M 190.9 651.5 c -31.4 0 -56.9 -25.5 -56.9 -56.9 V 219 c 0 -16.5 13.5 -30 30 -30 h 466.2 c 9.9 0 18 8.1 18 18 v 301.1 c 0 34.7 -28.2 62.9 -62.9 62.9 s -62.9 -28.2 -62.9 -62.9 V 393.5 c 0 -23.2 -18.8 -42 -42 -42 s -42 18.8 -42 42 v 68.1 c 0 29.4 -23.9 53.4 -53.4 53.4 s -53.4 -23.9 -53.4 -53.4 v -68.1 c 0 -23.2 -18.8 -42 -42 -42 s -42 18.8 -42 42 v 201.1 c 0.1 31.4 -25.4 56.9 -56.7 56.9 Z"
												p-id="947" />
											<path fill="#b3eaff"
												d="M 277.8 321.5 c -33.1 0 -60 26.9 -60 60 v 201.1 c 0 21.5 -17.4 38.9 -38.9 38.9 c -7.7 0 -14.8 -2.2 -20.8 -6.1 c 6.9 10.9 19 18.1 32.8 18.1 c 21.5 0 38.9 -17.4 38.9 -38.9 V 393.5 c 0 -33.1 26.9 -60 60 -60 c 13.5 0 25.9 4.5 36 12 c -11 -14.5 -28.4 -24 -48 -24 Z M 618.3 207 v 289.1 c 0 24.8 -20.1 44.9 -44.9 44.9 c -9.3 0 -18 -2.8 -25.2 -7.7 c 8.1 11.9 21.7 19.7 37.2 19.7 c 24.8 0 44.9 -20.1 44.9 -44.9 V 207 h -12 Z M 468.5 321.5 c -33.1 0 -60 26.9 -60 60 v 68.1 c 0 19.5 -15.8 35.4 -35.4 35.4 c -6.7 0 -12.9 -1.9 -18.3 -5.1 c 6.2 10.2 17.4 17.1 30.3 17.1 c 19.5 0 35.4 -15.8 35.4 -35.4 v -68.1 c 0 -33.1 26.9 -60 60 -60 c 13.5 0 25.9 4.5 36 12 c -11 -14.5 -28.4 -24 -48 -24 Z"
												p-id="948" />
											<path fill="#453b56"
												d="M 698 729.4 m -18 0 a 18 18 0 1 0 36 0 a 18 18 0 1 0 -36 0 Z"
												p-id="949" />
											<path fill="#453b56"
												d="M 860 171 H 632.5 v 0.1 c -0.7 0 -1.5 -0.1 -2.2 -0.1 H 164 c -26.5 0 -48 21.5 -48 48 v 375.6 c 0 41.3 33.6 74.9 74.9 74.9 c 2.7 0 5.4 -0.2 8.1 -0.5 l 16 141.4 c 2.8 24.3 23.3 42.6 47.7 42.6 h 498.6 c 24.4 0 44.9 -18.3 47.7 -42.6 l 55.2 -485.6 c 24.5 -2.1 43.8 -22.7 43.8 -47.8 v -58 c 0 -26.5 -21.5 -48 -48 -48 Z M 190.9 633.5 c -21.5 0 -38.9 -17.4 -38.9 -38.9 V 219 c 0 -6.6 5.4 -12 12 -12 h 466.3 v 301.1 c 0 24.8 -20.1 44.9 -44.9 44.9 c -24.8 0 -44.9 -20.1 -44.9 -44.9 V 393.5 c 0 -33.1 -26.9 -60 -60 -60 s -60 26.9 -60 60 v 68.1 c 0 19.5 -15.8 35.4 -35.4 35.4 c -19.5 0 -35.4 -15.8 -35.4 -35.4 v -68.1 c 0 -33.1 -26.9 -60 -60 -60 s -60 26.9 -60 60 v 201.1 c 0.1 21.5 -17.4 38.9 -38.8 38.9 Z m 582.3 172.9 c -0.7 6.1 -5.8 10.6 -11.9 10.6 H 262.7 c -6.1 0 -11.2 -4.6 -11.9 -10.6 l -6.7 -59 h 396.6 c 9.9 0 18 -8.1 18 -18 s -8.1 -18 -18 -18 H 240 l -6.3 -55.4 c 19.3 -13.6 32.1 -36 32.1 -61.3 V 393.5 c 0 -13.2 10.8 -24 24 -24 s 24 10.8 24 24 v 68.1 c 0 39.4 32 71.4 71.4 71.4 s 71.4 -32 71.4 -71.4 v -68.1 c 0 -13.2 10.8 -24 24 -24 s 24 10.8 24 24 v 114.6 c 0 44.6 36.3 80.9 80.9 80.9 c 44.6 0 80.9 -36.3 80.9 -80.9 V 325 h 161.7 l -54.9 481.4 Z M 872 277 c 0 6.6 -5.4 12 -12 12 H 666.3 v -82 H 860 c 6.6 0 12 5.4 12 12 v 58 Z"
												p-id="950" />
										</svg>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-col-xs6 layui-col-md4">
						<div class="layui-card top-panel">
							<div class="layui-card-header">测试正确率</div>
							<div class="layui-card-body">
								<div class="layui-row layui-col-space5">
									<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;"
										id="value2">
										0
									</div>
									<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
										<svg t="1591462430908" class="icon" viewBox="0 0 1024 1024" version="1.1"
											xmlns="http://www.w3.org/2000/svg" p-id="3170" width="200" height="200">
											<path
												d="M532 784.2c0 24.4-19.8 44.3-44.3 44.3s-44.3-19.8-44.3-44.3c0-24.4 44.3-80.3 44.3-80.3s44.3 55.8 44.3 80.3zM766 784.2c0 24.4 19.8 44.3 44.3 44.3 24.4 0 44.3-19.8 44.3-44.3 0-24.4-44.3-80.3-44.3-80.3S766 759.7 766 784.2z"
												fill="#97DCFF" p-id="3171"></path>
											<path
												d="M123.5 471.3c-9.9 0-18-8.1-18-18v-302c0-9.9 8.1-18 18-18h58c9.9 0 18 8.1 18 18v302c0 9.9-8.1 18-18 18h-58z"
												fill="#FCC66F" p-id="3172"></path>
											<path
												d="M181.5 151.3v302h-58v-302h58m0-36h-58c-19.9 0-36 16.1-36 36v302c0 19.9 16.1 36 36 36h58c19.9 0 36-16.1 36-36v-302c0-19.8-16.1-36-36-36z"
												fill="#453B56" p-id="3173"></path>
											<path d="M266.4 210.7m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z"
												fill="#453B56" p-id="3174">
											</path>
											<path
												d="M430.8 641.1c-9.9 0-18-8.1-18-18v-21.6c0-130.3 106-236.3 236.3-236.3s236.3 106 236.3 236.3v21.6c0 9.9-8.1 18-18 18H430.8z"
												fill="#FCC66F" p-id="3175"></path>
											<path
												d="M649 383.2c-5 0-10 0.2-15 0.6 113.5 7.7 203.3 102.2 203.3 217.7v21.6h30v-21.6c0-120.6-97.7-218.3-218.3-218.3z"
												fill="#FFD79C" p-id="3176"></path>
											<path
												d="M419.6 694.4c-22.1 0-40.1-18-40.1-40.1s18-40.1 40.1-40.1h458.8c22.1 0 40.1 18 40.1 40.1s-18 40.1-40.1 40.1H419.6z"
												fill="#F56E73" p-id="3177"></path>
											<path
												d="M878.4 632.3h-30c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1h30c12.2 0 22.1-9.9 22.1-22.1s-9.9-22.1-22.1-22.1z"
												fill="#FFA1A8" p-id="3178"></path>
											<path
												d="M693.3 846.4c0 24.4-19.8 44.3-44.3 44.3-24.4 0-44.3-19.8-44.3-44.3s44.3-80.3 44.3-80.3 44.3 55.9 44.3 80.3z"
												fill="#97DCFF" p-id="3179"></path>
											<path
												d="M649 908.7c-34.3 0-62.3-27.9-62.3-62.3 0-28.5 36.9-77.2 48.1-91.4 3.4-4.3 8.6-6.8 14.1-6.8s10.7 2.5 14.1 6.8c11.3 14.2 48.1 62.9 48.1 91.4 0.2 34.3-27.8 62.3-62.1 62.3z m0-112.3c-14.1 20.4-26.3 41.9-26.3 50 0 14.5 11.8 26.3 26.3 26.3s26.3-11.8 26.3-26.3c0-8.1-12.1-29.6-26.3-50z"
												fill="#453B56" p-id="3180"></path>
											<path
												d="M903.3 601.9v-0.5c0-134.1-104.4-244.3-236.3-253.6v-30.7c0-68.7-55.9-124.6-124.6-124.6H326.5c-9.9 0-18 8.1-18 18s8.1 18 18 18h215.9c48.8 0 88.6 39.7 88.6 88.6v30.7c-131.8 9.3-236.3 119.4-236.3 253.6v0.5c-19.6 9.3-33.2 29.3-33.2 52.4 0 32 26 58.1 58.1 58.1H459c-14.8 21-33.5 51.5-33.5 71.8 0 34.3 27.9 62.3 62.3 62.3 34.3 0 62.2-27.9 62.2-62.3 0-20.3-18.6-50.7-33.5-71.8h264.9c-14.8 21-33.5 51.5-33.5 71.8 0 34.3 27.9 62.3 62.3 62.3 34.3 0 62.3-27.9 62.3-62.3 0-20.3-18.6-50.7-33.5-71.8h39.4c32 0 58.1-26 58.1-58.1 0-23.1-13.6-43-33.2-52.4zM487.8 810.4c-14.5 0-26.3-11.8-26.3-26.3 0-8.1 12.1-29.6 26.3-50 14.1 20.4 26.2 41.9 26.2 50 0 14.5-11.8 26.3-26.2 26.3z m322.5 0c-14.5 0-26.3-11.8-26.3-26.3 0-8.1 12.1-29.6 26.3-50 14.1 20.4 26.3 41.9 26.3 50-0.1 14.5-11.9 26.3-26.3 26.3zM649 383.2c118.8 0 215.4 94.9 218.1 213.1H430.9c2.8-118.1 99.3-213.1 218.1-213.1z m251.5 271.1c0 12.2-9.9 22.1-22.1 22.1H419.6c-12.2 0-22.1-9.9-22.1-22.1 0-12.2 9.9-22.1 22.1-22.1h458.8c12.2 0.1 22.1 10 22.1 22.1z"
												fill="#453B56" p-id="3181"></path>
										</svg>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-col-xs6 layui-col-md4">
						<div class="layui-card top-panel">
							<div class="layui-card-header">模型训练时间</div>
							<div class="layui-card-body">
								<div class="layui-row layui-col-space5">
									<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;"
										id="value3">
										2021-04-17
									</div>
									<div class="layui-col-xs4 layui-col-md4  top-panel-tips">
										<svg t="1591462464512" class="icon" viewBox="0 0 1024 1024" version="1.1"
											xmlns="http://www.w3.org/2000/svg" p-id="3311" width="200" height="200">
											<path
												d="M750.4 216.5h-130v-15.3c0-32.9-26.8-59.7-59.7-59.7h-97.3c-32.9 0-59.7 26.8-59.7 59.7v15.3h-130c-30.7 0-55.6 25-55.6 55.6v72.4c0 9.9 8.1 18 18 18h31.5v478c0 23.2 18.8 42 42 42h405c23.2 0 42-18.8 42-42v-478H788c9.9 0 18-8.1 18-18v-72.4c0-30.6-25-55.6-55.6-55.6z"
												fill="#FCC66F" p-id="3312"></path>
											<path
												d="M708.5 344.5v496c0 13.3-10.7 24-24 24h30c13.3 0 24-10.7 24-24v-496h-30z"
												fill="#FFD79C" p-id="3313"></path>
											<path
												d="M309.5 882.5c-23.2 0-42-18.8-42-42V596c0-9.9 8.1-18 18-18h36.8c30.2 0 54.8 24.6 54.8 54.8v231.7c0 9.9-8.1 18-18 18h-49.6zM664.9 882.5c-9.9 0-18-8.1-18-18V632.8c0-30.2 24.6-54.8 54.8-54.8h36.8c9.9 0 18 8.1 18 18v244.5c0 23.2-18.8 42-42 42h-49.6z"
												fill="#F56E73" p-id="3314"></path>
											<path
												d="M708.5 596v244.5c0 13.3-10.7 24-24 24h30c13.3 0 24-10.7 24-24V596h-30z"
												fill="#FFA1A8" p-id="3315"></path>
											<path
												d="M475.2 882.5c-9.9 0-18-8.1-18-18V632.8c0-30.2 24.6-54.8 54.8-54.8 30.2 0 54.8 24.6 54.8 54.8v231.7c0 9.9-8.1 18-18 18h-73.6z"
												fill="#F56E73" p-id="3316"></path>
											<path
												d="M560.7 159.5h-18c23 0 41.7 18.7 41.7 41.7V221h18v-19.8c-0.1-23-18.7-41.7-41.7-41.7zM750.4 234.5h-30c20.8 0 37.6 16.8 37.6 37.6v72.4h30v-72.4c0-20.8-16.8-37.6-37.6-37.6z"
												fill="#FFD79C" p-id="3317"></path>
											<path
												d="M750.4 198.5H638.2c-1.4-41.6-35.6-75-77.5-75h-97.3c-41.9 0-76.1 33.4-77.5 75H273.6c-40.6 0-73.6 33-73.6 73.6v72.4c0 19.9 16.1 36 36 36h13.5v460c0 33.1 26.9 60 60 60H714.7c33.1 0 60-26.9 60-60v-460H788c19.9 0 36-16.1 36-36v-72.4c0-40.6-33-73.6-73.6-73.6z m-287.1-39h97.3c22.1 0 40.2 17.2 41.5 39H421.8c1.4-21.8 19.4-39 41.5-39z m-104.2 705h-49.6c-13.3 0-24-10.7-24-24V596h36.8c20.3 0 36.8 16.5 36.8 36.8v231.7z m189.7 0h-73.6V632.8c0-20.3 16.5-36.8 36.8-36.8 20.3 0 36.8 16.5 36.8 36.8v231.7z m189.7-24c0 13.3-10.7 24-24 24h-49.6V632.8c0-20.3 16.5-36.8 36.8-36.8h36.8v244.5z m0-280.5h-36.8c-40.1 0-72.8 32.6-72.8 72.8v231.7h-44.2V632.8c0-40.1-32.6-72.8-72.8-72.8-40.1 0-72.8 32.6-72.8 72.8v231.7h-44.2V632.8c0-40.1-32.6-72.8-72.8-72.8h-36.8v-74.5h279c9.9 0 18-8.1 18-18s-8.1-18-18-18h-279v-69h453V560zM788 344.5H236v-72.4c0-20.8 16.8-37.6 37.6-37.6h476.8c20.8 0 37.6 16.8 37.6 37.6v72.4z"
												fill="#453B56" p-id="3318"></path>
											<path d="M621.8 467.5m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z"
												fill="#453B56" p-id="3319">
											</path>
										</svg>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-row layui-col-space10">
					<div class="layui-col-md12">
						<div class="layui-card">
							<div class="layui-card-body">
								<div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
									<div id="echarts-records"
										style="background-color:#ffffff;min-height:400px;padding: 10px">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="layui-col-md3">
				<div class="layui-card">
					<div class="layui-card-header" style="text-align: center;font-weight: 900;">重新训练</div>
					<div class="layui-card-body">
						<form class="layui-form" action="" onsubmit="return false">
							<div class="layui-form-item">
								<label class="layui-form-label" style="width: 100%;text-align: left;">
									<b style="color: #009688;">训练数据</b>
								</label>
								<div class="layui-input-inline" style="margin:15px;margin-left: 30px;">
									<input type="radio" name="train" value="1" checked>
									<span style="color: #888;">从数据库中随机选择</span>
								</div>
								<div class="layui-input-inline" style="margin:15px;margin-left: 30px;">
									<input type="radio" name="train" value="2" title="">
									<span style="color: #888;">上传数据
										<button type="button" class="layui-btn" id="test1"
											style="height: 30px;line-height: 30px;width: 30px;padding-left: 5px;margin-left: 10px;">
											<i class="layui-icon">&#xe67c;</i>
										</button>
									</span>
								</div>
							</div>
							<label class="layui-form-label" style="width: 100%;text-align: left;">
								<b style="color: #009688;">测试数据</b>
							</label>
							<div class="layui-form-item">
								<div class="layui-input-inline" style="margin:15px;margin-left: 30px;">
									<input type="radio" name="test" value="男" checked>
									<span style="color: #888;">从数据库中随机选择</span>
								</div>
								<div class="layui-input-inline" style="margin:15px;margin-left: 30px;">
									<input type="radio" name="test" value="男" title="">
									<span style="color: #888;">上传数据
										<button type="button" class="layui-btn" id="test1"
											style="height: 30px;line-height: 30px;width: 30px;padding-left: 5px;margin-left: 10px;">
											<i class="layui-icon">&#xe67c;</i>
										</button>
									</span>
								</div>
								<div class="layui-input-inline" style="margin:15px;margin-left: 30px;">
									<label class="layui-form-label" style="width: 100%;text-align: left;">
										<b style="color: #009688;">迭代次数</b>
									</label>
									<div class="layui-input-inline">
										<input type="text" name="eaiej" required lay-verify="required" placeholder="10"
											autocomplete="off" class="layui-input"
											style="margin-left: 30px;width: 100%;">
									</div>
								</div>
								<div class="layui-input-block">
									<button class="layui-btn" lay-submit lay-filter="formDemo">重新训练</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>


	</div>
	</div>
	<!--</div>-->
	<script src="../../component/layui/layui.js"></script>
	<script src="../../component/pear/pear.js"></script>
	<script>
		layui.use(['layer', 'echarts', 'element', 'count', 'topBar', 'form', 'upload'], function () {
			var $ = layui.jquery,
				layer = layui.layer,
				element = layui.element,
				count = layui.count,
				echarts = layui.echarts,
				form = layui.form,
				upload = layui.upload;

			count.up("value1", {
				time: 3000,
				num: 95.3,
				bit: 2,
				regulator: 50
			})

			count.up("value2", {
				time: 3000,
				num: 93.7,
				bit: 2,
				regulator: 50
			})


			var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');

			var option = {
				title: {
					text: '历史模型对比'
				},
				tooltip: {
					trigger: 'axis'
				},
				legend: {
					data: ['训练集正确率', '测试集正确率'],
				},
				xAxis: [{
					name: '训练日期',
					type: 'category',
					data: ['2021-03-14', '2021-03-27', '2021-04-08', '2021-04-17'],
					axisLine: {
						lineStyle: {
							color: "#999"
						}
					}
				}],
				yAxis: [{
					name: '正确率',
					type: 'value',
					splitNumber: 4,
					min: 80,
					max: 100,
					splitLine: {
						lineStyle: {
							type: 'dashed',
							color: '#DDD'
						}
					},
					axisLine: {
						show: false,
						lineStyle: {
							color: "#333"
						},
					},
					axisLabel: {
						formatter: '{value} %'
					},
					nameTextStyle: {
						color: "#999"
					},
					splitArea: {
						show: false
					}
				}],
				series: [{
					name: '训练集正确率',
					type: 'line',
					data: [92.2, 96.4, 97.2, 95.3],
					lineStyle: {
						normal: {
							width: 8,
							color: {
								type: 'linear',

								colorStops: [{
									offset: 0,
									color: '#9EFEFF' // 0% 处的颜色
								}, {
									offset: 1,
									color: '#9E89FF' // 100% 处的颜色
								}],
								globalCoord: false // 缺省为 false
							},
							shadowColor: 'rgba(72,216,191, 0.3)',
							shadowBlur: 10,
							shadowOffsetY: 20
						}
					},
					itemStyle: {
						normal: {
							color: '#fff',
							borderWidth: 10,
							/*shadowColor: 'rgba(72,216,191, 0.3)',
							shadowBlur: 100,*/
							borderColor: "#3498db"
						}
					},
					smooth: true
				}, {
					name: '测试集正确率',
					type: 'line',
					data: [85.7, 88.4, 95.2, 93.7],
					lineStyle: {
						normal: {
							width: 8,
							color: {
								type: 'linear',

								colorStops: [{
									offset: 0,
									color: '#A9F387' // 0% 处的颜色
								}, {
									offset: 1,
									color: '#48D8BF' // 100% 处的颜色
								}],
								globalCoord: false // 缺省为 false
							},
							shadowColor: 'rgba(72,216,191, 0.3)',
							shadowBlur: 10,
							shadowOffsetY: 20
						}
					},
					itemStyle: {
						normal: {
							color: '#fff',
							borderWidth: 10,
							/*shadowColor: 'rgba(72,216,191, 0.3)',
							shadowBlur: 100,*/
							borderColor: "#A9F387"
						}
					},
					smooth: true
				}]
			};
			echartsRecords.setOption(option);

			window.onresize = function () {
				echartsRecords.resize();
			}

		});
	</script>
</body>

</html>